<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .ui-sortable {
            text-align: center;
        }
    </style>
</head>
<body>
<form class="ui-sortable" action="/get.php" method="get">
    <div class="hfg-item-wrap" data-item-index="0">姓名:<br><input type="text" name="name" placeholder="姓名"></div>
    <div class="hfg-item-wrap" data-item-index="1">特长:<br>
        <input type="checkbox" name="specialty[]" value="Python">Python
        <input type="checkbox" name="specialty[]" value="Ruby">Ruby
        <input type="checkbox" name="specialty[]" value="JavaScript">JavaScript
        <input type="checkbox" name="specialty[]" value="CSS">CSS<input type="checkbox" name="specialty[]"
                                                                      value="Java">Java<input type="checkbox"
                                                                                              name="specialty[]"
                                                                                              value="C">C<input
                type="checkbox"
                name="specialty[]" value="PHP">PHP<input type="checkbox" name="specialty[]"
                                                       value="CoffeeScript">CoffeeScript<input type="checkbox"
                                                                                               name="specialty[]"
                                                                                               value="Objective-C">Objective-C<input
                type="checkbox" name="specialty[]" value="C#">C#<input
                type="checkbox" name="specialty[]" value="C++">C++<input type="checkbox" name="specialty[]"
                                                                       value="Perl">Perl<input type="checkbox"
                                                                                               name="specialty[]"
                                                                                               value="AutoHotkey">AutoHotkey<input
                type="checkbox" name="specialty[]" value="Shell">Shell<input type="checkbox" name="specialty[]"
                                                                           value="Go">Go<input type="checkbox"
                                                                                               name="specialty[]"
                                                                                               value="VimL">VimL<input
                type="checkbox"
                name="specialty[]" value="Matlab">Matlab<input type="checkbox" name="specialty[]" value="ASP">ASP<input
                type="checkbox" name="specialty[]" value="Rust">Rust<input type="checkbox" name="specialty[]"
                                                                         value="Scala">Scala<input type="checkbox"
                                                                                                   name="specialty[]"
                                                                                                   value="Lua">Lua<input
                type="checkbox"
                name="specialty[]" value="ActionScript">ActionScript<input type="checkbox" name="specialty[]"
                                                                         value="Assembly">Assembly<input type="checkbox"
                                                                                                         name="specialty[]"
                                                                                                         value="Erlang">Erlang<input
                type="checkbox" name="specialty[]" value="Arduino">Arduino<input type="checkbox" name="specialty[]"
                                                                               value="Clojure">Clojure<input
                type="checkbox" name="specialty[]" value="Common Lisp">Common Lisp<input
                type="checkbox" name="specialty[]" value="Scheme">Scheme<input type="checkbox" name="specialty[]"
                                                                             value="FORTRAN">FORTRAN<input
                type="checkbox" name="specialty[]" value="Verilog">Verilog<input
                type="checkbox" name="specialty[]" value="Puppet">Puppet<input type="checkbox" name="specialty[]"
                                                                             value="Smalltalk">Smalltalk<input
                type="checkbox" name="specialty[]" value="XSLT">XSLT<input
                type="checkbox" name="specialty[]" value="Groovy">Groovy<input type="checkbox" name="specialty[]"
                                                                             value="Delphi">Delphi<input type="checkbox"
                                                                                                         name="specialty[]"
                                                                                                         value="eC">eC<input
                type="checkbox"
                name="specialty[]" value="R">R<input type="checkbox" name="specialty[]" value="D">D<input
                type="checkbox" name="specialty[]" value="Haskell">Haskell<input type="checkbox" name="specialty[]"
                                                                               value="Visual Basic">Visual Basic<input
                type="checkbox" name="specialty[]"
                value="PowerShell">PowerShell<input type="checkbox" name="specialty[]" value="Emacs Lisp">Emacs
        Lisp<input type="checkbox" name="specialty[]" value="Racket">Racket<input type="checkbox" name="specialty[]"
                                                                                value="OCaml">OCaml<input
                type="checkbox" name="specialty[]" value="Vala">Vala<input type="checkbox"
                                                                         name="specialty[]" value="Ada">Ada<input
                type="checkbox" name="specialty[]"
                value="TypeScript">TypeScript<input type="checkbox" name="specialty[]" value="Dart">Dart<input
                type="checkbox" name="specialty[]" value="M">M<input type="checkbox" name="specialty[]"
                                                                   value="ColdFusion">ColdFusion<input type="checkbox"
                                                                                                       name="specialty[]"
                                                                                                       value="Awk">Awk<input
                type="checkbox" name="specialty[]" value="LiveScript">LiveScript<input type="checkbox"
                                                                                     name="specialty[]" value="Slash">Slash<input
                type="checkbox" name="specialty[]"
                value="Julia">Julia<input type="checkbox" name="specialty[]" value="Nemerle">Nemerle<input
                type="checkbox" name="specialty[]" value="Elixir">Elixir<input type="checkbox" name="specialty[]"
                                                                             value="VHDL">VHDL<input type="checkbox"
                                                                                                     name="specialty[]"
                                                                                                     value="TeX/LaTeX">TeX/LaTeX<input
                type="checkbox" name="specialty[]" value="Standard ML">Standard ML<input type="checkbox"
                                                                                       name="specialty[]" value="Haxe">Haxe<input
                type="checkbox" name="specialty[]" value="Swift">Swift<input
                type="checkbox" name="specialty[]" value="Eiffel">Eiffel<input type="checkbox" name="specialty[]"
                                                                             value="DOT">DOT<input type="checkbox"
                                                                                                   name="specialty[]"
                                                                                                   value="Scilab">Scilab<input
                type="checkbox"
                name="specialty[]" value="Prolog">Prolog<input type="checkbox" name="specialty[]"
                                                             value="HTML">HTML<input type="checkbox" name="specialty[]"
                                                                                     value="NodeJS">NodeJS<input
                type="checkbox"
                name="specialty[]" value="Pascal">Pascal<input type="checkbox" name="specialty[]"
                                                             value="Android">Android<input type="checkbox"
                                                                                           name="specialty[]" value="Coq">Coq<input
                type="checkbox"
                name="specialty[]" value="Logos">Logos<input type="checkbox" name="specialty[]" value="QML">QML<input
                type="checkbox" name="specialty[]" value="Docker">Docker<input type="checkbox" name="specialty[]"
                                                                             value="微信">微信<input type="checkbox"
                                                                                                 name="specialty[]"
                                                                                                 value="Crystal">Crystal<input
                type="checkbox"
                name="specialty[]" value="Kotlin">Kotlin<input type="checkbox" name="specialty[]" value="SQL">SQL<input
                type="checkbox" name="specialty[]" value="Lisp">Lisp<input type="checkbox" name="specialty[]"
                                                                         value="XML">XML<input type="checkbox"
                                                                                               name="specialty[]"
                                                                                               value="C/C++">C/C++<input
                type="checkbox"
                name="specialty[]" value="HTML/CSS">HTML/CSS<input type="checkbox" name="specialty[]"
                                                                 value="汇编">汇编<input type="checkbox" name="specialty[]"
                                                                                     value="易语言">易语言<input
                type="checkbox"
                name="specialty[]" value="其他">其他<input type="checkbox" name="specialty[]" value="">
    </div>
    <div class="hfg-item-wrap" data-item-index="2">性别:<br><input type="radio" name="gender" value="1">男<input
            type="radio" name="gender" value="2">女</div>
    <div class="hfg-item-wrap" data-item-index="3">公司:<br><input type="text" name="company" placeholder="公司">
    </div>
    <div class="hfg-item-wrap" data-item-index="4">微信:<br><input type="text" name="wx" placeholder="微信"></div>
    <div class="hfg-item-wrap" data-item-index="5">QQ:<br><input type="text" name="qq" placeholder="QQ"></div>
    <div class="hfg-item-wrap" data-item-index="6">领英:<br><input type="text" name="linkedin" placeholder="领英">
    </div>
    <div class="hfg-item-wrap" data-item-index="7">微博:<br><input type="text" name="weibo" placeholder="微博">
    </div>
    <div class="hfg-item-wrap" data-item-index="8">博客:<br><input type="text" name="blog" placeholder="博客"></div>
    <div class="hfg-item-wrap" data-item-index="10">省份:<br><select name="province">
        <option value="安徽省">安徽省</option>
        <option value="澳门特别行政区">澳门特别行政区</option>
        <option value="北京市">北京市</option>
        <option value="重庆市">重庆市</option>
        <option value="福建省">福建省</option>
        <option value="甘肃省">甘肃省</option>
        <option value="广东省">广东省</option>
        <option value="广西壮族自治区">广西壮族自治区</option>
        <option value="贵州省">贵州省</option>
        <option value="海南省">海南省</option>
        <option value="河北省">河北省</option>
        <option value="河南省">河南省</option>
        <option value="黑龙江省">黑龙江省</option>
        <option value="湖北省">湖北省</option>
        <option value="湖南省">湖南省</option>
        <option value="吉林省">吉林省</option>
        <option value="江苏省">江苏省</option>
        <option value="江西省">江西省</option>
        <option value="辽宁省">辽宁省</option>
        <option value="内蒙古自治区">内蒙古自治区</option>
        <option value="宁夏回族自治区">宁夏回族自治区</option>
        <option value="青海省">青海省</option>
        <option value="山东省">山东省</option>
        <option value="山西省">山西省</option>
        <option value="陕西省">陕西省</option>
        <option value="上海市">上海市</option>
        <option value="四川省">四川省</option>
        <option value="台湾省">台湾省</option>
        <option value="天津市">天津市</option>
        <option value="西藏自治区">西藏自治区</option>
        <option value="香港特别行政区">香港特别行政区</option>
        <option value="新疆维吾尔自治区">新疆维吾尔自治区</option>
        <option value="云南省">云南省</option>
        <option value="浙江省">浙江省</option>
        <option value=""></option>
    </select></div>
    <div class="hfg-item-wrap" data-item-index="13">城市:<br><select name="city">
        <option value="安庆市">安庆市</option>
        <option value="蚌埠市">蚌埠市</option>
        <option value="亳州市">亳州市</option>
        <option value="池州市">池州市</option>
        <option value="滁州市">滁州市</option>
        <option value="阜阳市">阜阳市</option>
        <option value="合肥市">合肥市</option>
        <option value="淮北市">淮北市</option>
        <option value="淮南市">淮南市</option>
        <option value="黄山市">黄山市</option>
        <option value="六安市">六安市</option>
        <option value="马鞍山市">马鞍山市</option>
        <option value="宿州市">宿州市</option>
        <option value="铜陵市">铜陵市</option>
        <option value="芜湖市">芜湖市</option>
        <option value="宣城市">宣城市</option>
        <option value=""></option>
    </select></div>
    <div class="hfg-item-wrap" data-item-index="14">自我介绍:<br><textarea placeholder="自我介绍"
                                                                       name="introduce"></textarea></div>
    <button type="submit">按钮</button>
    </div>
</form>
</body>
</html>
